@import "iconfont";
@import "bootstrap";
@import "reset";
@function r($px) {
    @return $px/40*1rem;
}
html,body{
    height: 100%;
}
.indexweb {
    width: r(640);
    height:100%;
    nav {
        width: 100%;
        height: 9.8%;
        background: #b20000;
        text-align: center;
        overflow: hidden;
        border-bottom: 1px solid #d9d9d9;
        ul{
            line-height: r(130);
            li {
                i:first-child {
                    font-size: r(44);
                    color: white;
                }
            }
            li:first-child {
                float: left;
                padding-left: r(15);
            }
            li:nth-child(2) {
                float: right;
                padding-right: r(15);
            }
            li:nth-child(3) {
                width: r(272);
                display: inline-block;
                img {
                    width: r(272);
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
        
    }
    content{
        .content-box{
            width: 100%;
            height: 80%;
            overflow: auto;
            .content1{
                width: 100%;
                .post{
                    width: 100%;
                    div{
                        float: left;
                    }
                    .post1{
                        width: r(126);
                        margin-left: r(25);
                        padding-right: r(8);
                        vertical-align: middle;
                        line-height: r(48);
                        img{
                            width:100%;
                            display: inline-block;
                        }
                    }
                    .post2{
                        width: r(65);
                        line-height: r(48);
                        img{
                            width: 100%;
                            display: inline-block;
                        }
                    }
                    .solid{
                        width: r(20);
                        border-left: solid 1px #e7e7e7;
                        height: r(28);
                        margin-top:r(13);
                    }
                }
            }
            .lunbotu{
                margin-top: r(50);
                .carousel-inner .item .lunbobg{
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    height: r(108);
                    background: rgba(0,0,0,0.3);
                }
            }
            .news1{
                width: r(582);
                height: r(167);
                margin: 0 auto;
                background:green;
            }
            .news2{
                width: r(582);
                height: r(167);
                margin: 0 auto;
                background: yellow;
            }
            .grewbg{
                background: #f5f5f5;
                width: 100%;
                height: r(25);
            }
            .news3{
                width: r(582);
                height: r(230);
                margin: 0 auto;
                margin-top: r(20);
                background: hotpink;
            }
            .more{
                text-align: center;
                font-size: r(23);
                color: #bbbbbb;
            }
        }
    }
    foter{
        .foter-content{
            height:10%;
            background: red;
            z-index: 999;
        }
    }
}